// onscroll 页面滚动事件
window.onscroll = function(){
    // console.log()
    // 获取元素 - 要操作的头部标签
    var header_fixed = document.querySelector('.lt_header_footer');

    // 获取当前卷出去的距离
    var htmlTop = document.documentElement.scrollTop;  

    console.log('卷出去的距离'+ htmlTop);

    //获取当前HTML显示页面的显示高度
    var htmlheight = document.documentElement.clientHeight;
    console.log('当前页面显示的距离'+htmlheight);


    // 判断 
    //卷出去的距离>HTML显示高度就判断
    if(htmlTop >=htmlheight){
        
        header_fixed.style.position = 'fixed';
        header_fixed.style.top = '0px';
        // header_fixed.style.left = '50%';
        header_fixed.style.zIndex = 999;
        header_fixed.style.width = '100%';
        // header_fixed.style.transform = 'translate(-50%)'

    }
    //否则返回
    else{
        header_fixed.style.position = '';
    }
}